/**
 * create by cyw 2020-5-28
 * 个人信息页面样式
 */
 .my{
    .header {
        width: 100%;
        height: px2rem(160px);
        background-image: url("./img/header.png");
        background-size: cover;
        overflow: hidden;
        .avatar {
            width: px2rem(72px);
            height: px2rem(72px);
            margin: 0 auto;
            display: block;
            margin-top: px2rem(25px);
            border: px2rem(3px) solid rgba(255,255,255,0.4);
            border-radius: 50%;
        }
        .nickname {
            color: #333;
            font-size: px2rem(16px);
            text-align: center;
            margin-top: px2rem(15px);
        }
    }
    .content{
        min-height: px2rem(507px);
        background-color: #eee;
        .items{
            border-bottom: 10px solid #eee;
            background-color: #fff;
            li{
                font-size: 14px;
                height: 45px;
                line-height: 45px;
                position: relative;
                padding-left: 26px;
                margin-left: 15px;
                border-bottom: 1px solid #e4e4e4;
                &:last-child{
                    border: none;
                }
                &:before {
                  content:'';
                  display: block;
                  width: 16px;
                  height: 16px;
                  position: absolute;
                  background-size: cover;
                  top: 50%;
                  left: 1px;
                  transform: translate(-50%);
                  -webkit-transform: translateY(-50%);
                }
                &:after{
                    content: '>';
                    display: block;
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    right: 9px;
                    top: 0;
                    color: #aaa;
                }
            }
            .address{
                &:before{
                    background-image: url('./img/address.png');
                    
                }
            }
            .money{
                &:before{
                    background-image: url('./img/money.png');
                    
                }
            }
            .email{
                &:before{
                    background-image: url('./img/email.png'); 
                }
            }
            .question{
                &:before{
                    background-image: url('./img/question.png');
                }
            }
        }
        .tel {
            font-size: px2rem(15px);
            color: #ffb000;
            text-align: center;
            height: px2rem(46px);
            line-height: px2rem(46px);
            background-color: #fff;
        }
        .time {
            font-size: px2rem(14px);
            text-align: center;
            color: #999;
            margin-top: px2rem(13px);
        }
    }
}